<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>权限管理 | 店员管理</title>
  <!-- 告诉浏览器该页面是自适应布局 -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- iCheck for checkboxes and radio inputs -->
  <link rel="stylesheet" href="../../plugins/iCheck/all.css">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="../../plugins/pagination/pagination.css">
  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../../dist/css/layout.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper" style="background: #ecf0f5">
  <section class="content-header ">
      <h1>权限管理 <small>店员管理</small></h1>
    </section>
    <!-- Main content -->
    <section class="content ">
      <div class="box">
        <div class="box-header">
          <h3 class="box-title">店员查询</h3>
          <div class="box-tools"><button type="button" class="btn btn-primary btn-sm" id="checkBtn">查询</button></div>
        </div>
        <div class="box-body">
          <div class="row">
            <div class="col-sm-3 col-xs-6">
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="glyphicon glyphicon-user"></i>
                </div>
                <input type="text" class="form-control roleName" placeholder="输入用户名 ..." id="checkName">
              </div>
            </div>
          </div>
        </div>
      </div>  
      <div class="box">
        <div class="box-header">
          <h3 class="box-title">店员列表</h3>
          <div class="box-tools"><button type="button" class="btn btn-block btn-primary btn-sm jsModalAdd">添加店员</button></div>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
          <div class="dataTables_wrapper form-inline dt-bootstrap">
            <div class="row">
              <div class="col-sm-12">
                <table class="table table-bordered table-striped table-hover dataTable" id="table">
                  <thead>
                      <tr role="row">
                        <th>序号</th>
                        <th>登录用户名</th>
                        <th>真实姓名</th>
                        <th>手机号</th>
                        <th>角色</th>
                        <th>添加时间</th>
                        <th>操作</th>
                      </tr>
                  </thead>
                  <tbody id="tableCon"></tbody>
                </table>
              </div>
            </div>
          </div>
          <div class="m-style M-box3"></div>
        </div>
        <!-- /.box-body -->
      </div>
        
    </section>
    <!-- /.content -->
</div>
<!-- ./wrapper -->
<!-- 模态框（Modal） -->
<!--角色分配-->
<div class="modal" id="myModalRole" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">角色分配</h4>
            </div>
            <div class="modal-body"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="ModalRole">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--删除店员-->
<div class="modal fade" id="myModalRemove" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">删除店员</h4>
            </div>
            <div class="modal-body">
              <p class="lead">确定要删除该店员吗？所有分配到该店员的权限将失效。</p>
              <p>登录用户名：<span class="jsloginName">chenying</span></p>
              <p>真实姓名：<span class="jstrueName">陈萤</span></p>
              <p>手机号：<span class="jsPhone">13748757777</span></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="removeRole">提交更改</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--编辑，添加店员-->
<div class="modal fade" id="myModalChangeName" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">编辑名称</h4>
            </div>
            <div class="modal-body">
              <div class="form-group">
                <label><i class="text-red">*</i>登录用户名：</label>
                <input type="text" class="form-control jsloginName" placeholder="输入登录用户名">
              </div>
              <div class="form-group">
                <label><i class="text-red">*</i>真实姓名：</label>
                <input type="text" class="form-control jstrueName" placeholder="输入真实姓名">
              </div>
              <div class="form-group">
                <label><i class="text-red">*</i>手机号：</label>
                <input type="text" class="form-control jsPhone" placeholder="输入手机号">
              </div>
              <div class="form-group">
                <label><i class="text-red">*</i>登录密码</label>
                <input type="password" class="form-control jsloginPassword">
              </div>
              <div class="form-group">
                <label><i class="text-red">*</i>再次输入登录密码：</label>
                <input type="password" class="form-control jsReloginPassword">
              </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="ChangeNameRole">提交更改</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- jQuery 2.2.3 -->
<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../../plugins/jQueryUI/jquery-ui.min.js"></script>
<!-- iCheck 1.0.1 -->
<script src="../../plugins/iCheck/icheck.min.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<script src="../../dist/js/layout.js"></script>
<script src="../../plugins/pagination/jquery.pagination.js"></script>
<script type="text/javascript" src="/dist/js/authorityManagement/clerkManagement.js"></script>
</body>
</html>
